<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5/themes/black/easyui.css"/>
		<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5/themes/icon.css"/>
		
		<script src="../课件/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="jquery-easyui-1.5/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			$(function(){
				$('.easyui-datagrid').datagrid({
					url:"http://10.3.136.12/ctapi/dispatch/offers/FetchSupplier",
					method:'get',
					pagination:true,
					
					singleSelect:true,
					rownumebers:true,
					singleSelect:true,
					collapsible:true,
					loadFilter:function(data){
						var obj = {total:data.datagrid.data.rowscount,rows:[]};
						$.each(data.datagrid.data.rows,function(_index,_obj){
							var _tr = {};
							for(var key in _obj.RowData){
								_tr[key] = _obj.RowData[key].Value;
							}
							obj.rows.push(_tr);
						});
						return obj;
					},
					columns:[[
					{field:'suname',title:'suname',width:300},
					{field:'sunaddress',title:'sunaddress'},
					{field:'contact',title:'contact'},
					{field:'suphone',title:'suphone'}
					]]
				})
			})
		</script>
		
	</head>
	<body>
		<table class="easyui-datagrid" >
		
	</table>
	</body>
</html>
